$(function () {
  // 点击去注册展示注册界面
  $('#link-reg').on('click', function () {
    // 登陆页面隐藏
    $('.login-box').hide()
    // 注册页面显示
    $('.reg-box').show()
  })

  // 点击去登陆 返回登陆页面
  $('#link-login').on('click', function () {
    // 登陆页面显示
    $('.login-box').show()
    // 注册页面隐藏
    $('.reg-box').hide()
  })


  // 校验表单规则
  layui.form.verify({
    uname: [/^[a-zA-Z0-9]{1,10}$/, '请输入字母数字,长度1-10位'],
    password: [/^\S{6,15}$/, '请输入非空字符串,长度6-15位'],
    username: function (value) {
      // 获取新密码的值
      let pwd = $('.reg-box [name="password"]').val()

      //value：表单的值
      // console.log(value);

      // 新密码和确定密码进行确定
      if (pwd !== value) {
        return '两次密码输入不一致';
      }

    }
  })

  // 向服务器发送注册请求
  function register() {

    // 注册submit事件
    $('.reg-box').on('submit', function (e) {

      // 阻止表单默认提交行为
      e.preventDefault()
      // 获取表单的全部内容
      const int_v = $('.reg-box .layui-form').serialize()
      console.log(int_v);

      // 发送axios请求
      axios.post('/api/reg', int_v).then(({
        data: res
      }) => {
        if (res.code === 0) {
          // 提示登陆成功
          layer.msg(res.message)
          // 隐藏注册界面 显示登陆界面
          $('#link-login').click()
        }
      })
    })


  }
  // 调用向服务器发送注册请求函数
  register()

  // 向服务器发送登陆请求
  function initLoginlist() {
    $('.login-box').on('submit', function (e) {
      // 阻止默认提交行为
      e.preventDefault()
      const int_v = $('.login-box .layui-form').serialize()
      console.log(int_v);

      // 发送axios请求
      axios.post('/api/login', int_v).then(({
        data: res
      }) => {
        // console.log(res);
        if (res.code === 0) {
          // 提示登陆成功
          layer.msg(res.message)
          // 跳转到登陆界面
          location.href = '/index.html'
        }

      })
    })
  }
  // 调用向服务器发送登陆请求 函数
  initLoginlist()

})